<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'datepicker.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link href="js/jquery/jquery-ui.css" rel="stylesheet" type="text/css">
<script src="js/jquery/jquery-1.9.1.js"></script>
<script src="js/jquery/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery/jquery.ui.datepicker-zh-CN.js"></script>
<script src="js/jquery/jquery.ui.datepicker.js"></script>
<script>
	$(function() {
		$("#datepicker").datepicker({
			changeMonth : true,
			changeYear : true
		});
		
	});
</script>
</head>
<body>

	<p>
		Date: <input type="text" id="datepicker">
	</p>

	<div class="demo-description">
		<p>
			Show month and year dropdowns in place of the static month/year
			header to facilitate navigation through large timeframes. Add the
			boolean
			<code>changeMonth</code>
			and
			<code>changeYear</code>
			options.
		</p>
	</div>
</body>
</html>
